<template>
    <div class="bg-background py-lg-14 py-7">
        <v-container class="max-width-1218">
            <v-row class="d-flex">
                <v-col cols="12" lg="6" class="text-align-start">
                    <h1 class="text-50 textPrimary font-weight-regular">
                        <span class="font-weight-bold">Get to know Spike</span> Dashboard Template
                    </h1>
                    <div class="d-sm-flex d-block gap-4 justify-md-start justify-center align-center mt-6">
                        <v-btn color="primary" class="h-43 px-5 m-btn-full" size="large" rounded="pill" flat href="/auth/register" target="_blank"
                            >Create an Account</v-btn
                        >
                        <v-btn class="mt-sm-0 mt-4 h-43 px-5 m-btn-full" variant="outlined" size="large" rounded="pill" target="_blank" href="" color="primary" flat
                            >View Open Positions</v-btn
                        >
                    </div>
                </v-col>
                <v-col cols="12" lg="6" class="pl-lg-8">
                    <p class="text-16 text-grey100 lh-32 ps-lg-16 pt-3 text-align-start">
                        Do you need a highly customizable and developer friendly premium vuejs admin template packed with numerous features?
                        <b>Spike Vuejs Admin Template</b> has everything you need. This <b>Vuejs</b> based admin template is designed in
                        accordance with industry standards and best practices to provide you.
                    </p>
                </v-col>
            </v-row>
        </v-container>
    </div>
</template>
